<!DOCTYPE html>
<html>

	<head>
	    <meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>爆款</title>
		<link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="../css/event.css">
	</head>

	<body data-spy="scroll" data-target="#baokuanNav">
		<!-- 页面头部 开始 -->
		<div class="ic-header ">
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		            
		                <div class="main-logo col-xs-12 col-md-2">
		                    <a href="https://www.icolor.com.cn/">
		                        <img src="../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a href="https://www.icolor.com.cn/meitu">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/jiapin">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/design">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		              
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 站点访问路径 结束 -->
		<!-- 设计会场内容主体开始-->
		<div class="container-fluid">
			<div class="row" id="baokuan">
				
			</div>
		</div>
		
		<script id="template" type="text/x-jsrender">
			<div id="baokuanKv"><img src="../images/contents/event/baokuan/{{:kv}}" width="100%"></div>
			<div class="baokuan-content">
				{{for scenes}}
				<div class="baokuan-scene" id="position{{:#index+1}}">
					<div class="text-center"><img src="../images/contents/event/baokuan/{{:headline}}" alt=""></div>
					<div class="baokuan-products{{if name=='臻品馆'}} baokuan-hot{{/if}}">
						<div class="row">
							{{for products ~parentName=name}}
							<div class="{{if ~parentName=='臻品馆'}}col-sm-4{{else}}col-sm-3{{/if}} col-xs-6">
								<a href="{{:href}}" class="item" target="_blank">
									<div class="img"><img src="../images/contents/event/baokuan/{{:src}}" alt=""></div>
									<div class="name">{{:name}}</div>
									<div class="price-old">&yen;{{:priceOld}}</div>
									<div class="price-now">&yen;{{:priceNow}}</div>
									<div class="divider"></div>
									<div class="buytxt">立即购买</div>
								</a>
							</div>
							{{/for}}
						</div>
					</div>
				</div>
				{{/for}}
			</div>
			<div class="baokuan-nav" id="baokuanNav">
				<span class="txt">buy</span>
				<ul class="nav">
					{{for scenes}}
					<li><a href="#position{{:#index+1}}">{{:name}}</a></li>
					{{/for}}
				</ul>
				<span class="arrow"></span>
			</div>
			<div class="baokuan-pattern"><div class="pl"></div><div class="pr"></div></div>
		</script>

		<!-- 设计会场内容主体开始-->
		
		

		<script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>

        <script src="../images/contents/event/baokuan/baokuan_data.js"></script>
        <script src="../vendors/jsrender/jsrender.min.js"></script>
        <script>
        	$(function(){
        		//BK Object come form baokuan_data.js
        		var $tpl = $('#template');
        		$('#baokuan').html($tpl.render(BK));
        		$tpl.remove();

        		var kvHeight = $('#baokuan').find('#baokuanKv').height();
        		var $nav = $('#baokuan').find('#baokuanNav');
        		$(window).scroll(function(){
        			var top = $(this).scrollTop();
        			if(top > kvHeight){
        				$nav.addClass('active')
        			}else{
        				$nav.removeClass('active');
        			}
        		})
        	})
        </script>

        <script src="//icsc-cdprd.icolor.com.cn/bundle/beacon"></script>
	</body>

</html>